{% extends "base.html" %}
{% block style %}
<link rel="stylesheet" href="/site_media/profile.css" type="text/css" />
{% endblock %}
{% block title %}{{ person.username }}{% endblock %}
{% block head %} 
	{% if person.first_name %}
		{{ person.first_name }}
		{% if person.last_name %}
			{{ person.last_name }}
		{% endif %}
	{% else %}
		{{ person.username }}
	{% endif %}
{% endblock %}
{% block content %}
	{% if person.account.personal_statement %}
		<div id="statement">{{ statement|linebreaks }}</div>
	{% endif %}
	{% if person.account.view_resume and person.account.resume %}
		<div id='resume'><a href="/resume/{{ person.username}}" >View Résumé</a></div><br>
	{% endif %}
	<div id='details'>
		<table class="pdetails">
			{% if person.account.view_email and person.email %}
				<tr>
					<td>email</td>
					<td><a href="mailto:{{ person.email }}">{{ person.email|urlizetrunc:50 }}</a>		</td>
				</tr>
			{% endif %}
			{% if person.account.view_phone and person.account.phone %}
				<tr>
					<td>phone</td>
					<td>{{ person.account.phone }}</td>
				</tr>
			{% endif %}
			{% if person.account.view_website and person.account.website %}
				<tr>
					<td>website</td>
					<td><a href="{{ person.account.website }}">{{person.account.website|urlizetrunc:30}}</td>
				</tr>
			{% endif %}
			{% if person.account.view_address and person.account.address1 %}
				<tr>
					<td>phone</td>
					<td>{{ person.account.address1 }}
					{% if person.account.address2 %}
						<br>{{ person.account.address2 }}
					{% endif %}						
					</td>
				</tr>
			{% endif %}
			{% if person.account.view_city and person.account.city %}
				<tr>
					<td>city</td>
					<td>{{ person.account.city }}</td>
				</tr>
			{% endif %}
			{% if person.account.view_state and person.account.state %}
				<tr>
					<td>state</td>
					<td>{{ person.account.state }}</td>
				</tr>
			{% endif %}
			{% if person.account.view_country and person.account.country %}
				<tr>
					<td>country</td>
					<td>{{ person.account.country }}</td>
				</tr>
			{% endif %}
		</table>
	</div>
{% endblock %}
